.body-everything {
    .f1 {
        height: 542px;
        position: relative;
        .f1-top {
            display: flex;
            justify-content: space-between;
            height: 38px;
            border-bottom: 2px solid skyblue;
            padding-top: 32px;
            div {
                height: 30px;
                span {
                    // background-color: #848484;
                    margin-right: 2px;
                    text-align: center;
                    line-height: 38px;
                    font-size: 20px;
                }
            }
            ul {
                display: flex;
                li {
                    width: 86px;
                    margin-top: 8px;
                    height: 38px;
                    padding: 0 15px;
                    text-align: center;
                    line-height: 30px;
                    a {
                        color: black;
                    }
                }
                li:hover {
                    background-color: skyblue;
                }
                .zhong {
                    background-color: skyblue;
                }
            }
        }
        .f1-bottom {
            height: 470px;
            display: flex;
            position: absolute;
            top: 72px;
            left: 0;
            display: none;
            width: 100%;
            .left {
                color: white;
                display: flex;
                flex-direction: column;
                float: left;
                .box1 {
                    height: 278px;
                }
                .box2 {
                    height: 32px;
                    padding-left: 15px;
                    margin-top: -2px;
                    background-color: rgb(116, 186, 248);
                    color: white;
                    a {
                        color: white;
                    }
                    a:hover {
                        text-decoration: underline;
                    }
                }
                .left-bottom {
                    font-size: 12px;
                    width: 210px;
                    height: 162px;
                    box-sizing: border-box;
                    padding: 15px 15px;
                    background-color: rgb(107, 191, 255);
                    ul {
                        display: flex;
                        flex-wrap: wrap;
                        li {
                            margin-top: 8px;
                            width: 60px;
                            height: 28px;
                            a {
                                color: white;
                            }
                            a:hover {
                                text-decoration: underline;
                            }
                        }
                    }
                }
            }
            .right {
                display: flex;
                // margin-left: 2px;
                .xiaolunbo {
                    width: 389px;
                    height: 470px;
                    margin-left: -1px;
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
                .thing {
                    width: 602px;
                    height: 470px;
                    ul {
                        display: flex;
                        flex-wrap: wrap;
                        li {
                            width: 200px;
                            height: 235px;
                            box-sizing: border-box;
                            border-bottom: 1px solid #ccc;
                            border-right: 1px solid #ccc;
                        }
                    }
                }
            }
        }
        .rexiao,
        .tuijian {
            position: absolute;
            top: 72px;
            left: 0;
            height: 470px;
            background-color: white;
            justify-content: space-around;
            display: none;
            >div {
                float: left;
                width: 180px;
                height: 220px;
                margin: 10px 28px;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
        }
        .chu {
            display: block;
        }
    }
    .f2 {
        height: 542px;
        .f1-top {
            display: flex;
            justify-content: space-between;
            height: 38px;
            border-bottom: 2px solid #bb7717;
            padding-top: 32px;
            div {
                height: 30px;
                span {
                    // background-color: #848484;
                    margin-right: 2px;
                    text-align: center;
                    line-height: 38px;
                    font-size: 20px;
                }
            }
            ul {
                display: flex;
                li {
                    width: 86px;
                    margin-top: 8px;
                    height: 38px;
                    padding: 0 15px;
                    text-align: center;
                    line-height: 30px;
                    a {
                        color: black;
                    }
                }
                li:hover {
                    background-color: #bb7717;
                }
            }
        }
        .f1-bottom {
            height: 470px;
            display: flex;
            .left {
                color: white;
                display: flex;
                flex-direction: column;
                .box1 {
                    height: 245px;
                }
                .box2 {
                    height: 32px;
                    padding-left: 15px;
                    margin-top: -2px;
                    background-color: rgb(116, 186, 248);
                    color: white;
                    a {
                        color: white;
                    }
                    a:hover {
                        text-decoration: underline;
                    }
                }
                .left-bottom {
                    font-size: 12px;
                    width: 120px;
                    height: 224px;
                    box-sizing: border-box;
                    padding: 15px 15px;
                    background-color: #bb7717;
                    ul {
                        display: flex;
                        flex-wrap: wrap;
                        li {
                            // margin-top: 8px;
                            width: 90px;
                            height: 28px;
                            a {
                                color: white;
                            }
                            a:hover {
                                text-decoration: underline;
                            }
                            .da {
                                font-size: 20px;
                                height: 30px;
                                line-height: 30px;
                            }
                            .huo {
                                border-bottom: 1px solid #6d4801;
                            }
                        }
                    }
                }
            }
            .right {
                display: flex;
                // margin-left: 2px;
                .xiaolunbo {
                    width: 480px;
                    height: 470px;
                    // margin-left: -1px;
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
                .thing {
                    width: 602px;
                    height: 470px;
                    ul {
                        display: flex;
                        flex-wrap: wrap;
                        li {
                            width: 200px;
                            height: 235px;
                            box-sizing: border-box;
                            border-bottom: 1px solid #ccc;
                            border-right: 1px solid #ccc;
                        }
                    }
                }
            }
        }
    }
}